<template>
  <div id="app">
    <FilterTableTemplate :config="config" />
  </div>
</template>

<script>
import FilterTableTemplate from './package/table/Index.vue'

export default {
  name: 'App',
  components: {
    FilterTableTemplate
  },
  data() {
    return {
      config: {
        key: 'user',
        filters: [
          {
            label: '姓名',
            prop: 'name',
            type: 'input'
          },
          {
            label: '手机号',
            prop: 'phone',
            type: 'input'
          },
          {
            label: '公司',
            prop: 'company',
            type: 'input'
          },
          {
            label: '状态',
            prop: 'status',
            type: 'select',
            options: [
              {
                label: '待审核',
                value: '1'
              },
              {
                label: '已通过',
                value: '2'
              },
              {
                label: '已拒绝',
                value: '3'
              }
            ]
          }
        ],
        tableSettings: {
          data: [
            {
              id: 1,
              name: '张三',
              phone: '13800000000',
              company: '公司',
              logo: 'https://img.yzcdn.cn/vant/cat.jpeg',
              position: 'CEO',
              social: '董事长',
              personal: '个人荣誉',
              wechat: 'https://img.yzcdn.cn/vant/cat.jpeg',
              time: '2020-01-01',
              status: '1'
            }
          ],
          columns: [
            {
              label: 'ID',
              prop: 'id',
              width: 60
            },
            {
              label: '姓名',
              prop: 'name'
            }
          ]
        }
      },
    }
  }
}
</script>

<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#app {
  height: 100vh;
  padding: 20px;
}
</style>
